import React from 'react'
import { StyleSheet, View, TextInput } from 'react-native'
import { Button, Icon } from 'react-native-elements'

class Component extends React.Component {
  constructor (props) {
    super(props)
  }

  render() {
    return (
      <View style={styles.view}>
        <TextInput style={styles.input} multiline={false} placeholder="少侠，请留下你的足迹"></TextInput>

        {/* 这两个功能还没想好，先占位 */}
        <View style={{flexDirection: 'row', marginLeft: 10}}>
          <Button type="clear" icon={ <Icon type="ionicon" name="at-outline" color="black" /> } />
          <Button type="clear" icon={ <Icon type="ionicon" name="gift-outline" color="black" /> } />
        </View>
      </View>
    )
  }
}

const styles = StyleSheet.create({
  view: {
    position: 'relative',
    alignItems: 'center',
    flexDirection: 'row',
    bottom: 0,
    left: 0,
    right: 0,
    paddingHorizontal: 10,
    paddingVertical: 2,
    backgroundColor: 'white',
    borderTopWidth: 1,
    borderColor: '#f3f3f3',
  },
  input: {
    flex: 1,
    height: 32,
    // backgroundColor: '#F3F3F3',
    // borderColor: 'gray',
    // borderRadius: 99,
    // paddingVertical: 15,
    paddingHorizontal: 10,
    // borderWidth: 1,
    // borderColor: '#F3F3F3'
  }
})

export default Component;
